<template>
  <div>
    <el-bread />

    <el-button plain type="primary" @click="showDialog">增加</el-button>

    <v-list />

    <v-dialog :isshow="isshow" @cancelDialog="cancelDialog" @showDialog="showDialog"/>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import elBread from "../../components/elBread.vue";
import vDialog from "./dialog.vue";
import vList from "./list.vue";

let isshow = ref(false);

function showDialog() {
  isshow.value = true;
}

function cancelDialog() {
  isshow.value = false;
}
</script>

<style scoped>
.el-button {
  margin: 20px 0 5px 0;
}
</style>